<%--
  Created by IntelliJ IDEA.
  User: 31525
  Date: 10/12/2023
  Time: 12:32 AM
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>椰子屋-商家-登陆界面</title>
    <link rel="stylesheet" type="text/css" href="mycss.css">
    <style>
        form {
            background-color: rgba(255, 255, 255, 0.8); /* 设置表单的背景颜色和透明度 */
            padding: 80px;
            margin: 200px auto;
            width: 450px;
            font-size: 20px;
        }

        .login-text {
            font-family: '华文行楷', serif;
            font-size: 50px;  /* 设置字体大小 */
            font-weight: bold;  /* 设置字体加粗 */
            text-align: center;  /* 设置文字居中 */
            /* color: #ffffff;  设置文字颜色，根据背景颜色调整 */
            /* 添加一些额外的边距来使文字与表单边缘有一些空间 */
            margin-top: 20px;
            margin-bottom: 20px;
            display: block; /* 使得这个样式只应用到块级元素 */
            color:dodgerblue;
        }
    </style>


</head>
<body>



<!--/*设置网页背景*/-->
<style>
    body {
        background-image: url("椰子背景2.jpg");
        background-repeat:no-repeat;
        background-attachment: fixed;
        background-size: 100% 100%;
    }
</style>


<% Object error=request.getAttribute("error");%>
<!--form表单-->
<form action="/mavenPro000_war_exploded/MLoginServlet" method="post"
      style=" width:500px;height: 300px;/*宽度高度*/
      border-radius: 5%;  opacity:0.7; background-color: white;/*圆角、背景、透明度 */">
    <table align="center" >

        <!--网页标题-->
        <p style="font-family: '华文仿宋';color: saddlebrown;font-size: 80px;position:fixed; top: 130px;left: 640px;">商家登录</p>

        <!--用户名-->
        <tr>
            <td style="font-family: '华文仿宋';font-size: 30px;position:fixed; top: 350px;left: 600px;color: saddlebrown;">商家名:</td>
            <td><input type="text" style="position:fixed; top: 345px;right: 615px;width: 250px; height: 50px;border: none;background-color: antiquewhite" name="username"></td>
        </tr>

        <!--密码-->
        <tr>
            <td style="font-family: '华文仿宋';font-size: 30px;position:fixed; top: 440px;left: 600px;color: saddlebrown;" >密码:  </td>
            <td><input type="password" name="password" style="position:fixed; top: 435px;right: 615px;width: 250px; height: 50px;border: none;background-color: antiquewhite"></td>
        </tr>

        <!--按钮-->
        <tr>
            <td colspan="2" align="center">
                <input type="submit" name="submitButton" style="position:fixed; top: 530px;left: 650px;font-size:25px;border: none;width: 130px; height: 40px;color: white;background-color: burlywood" value="登录">
                <button name="registerButton" style="position:fixed; top: 530px;right: 650px;font-size:25px;border: none;width: 130px; height: 40px;color: white;background-color: burlywood" >注册</button></td>
        </tr>

        <tr style= "height: 50px;">
            <td colspan="1" align="center">
                            <td align="center" style="color: red;;position:fixed; top: 490px;right: 665px;width: 250px;" ><%=(error==null?" ":error)%></td>
            </td>
        </tr>
    </table>
</form>


</body>
</html>
